<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link href="css/index.css" type="text/css" rel="stylesheet" />
		<script src="js/jquery-3.2.1.js"></script>
	</head>

	<body>
		<div class="title">
			<div class="title_place">
				当前位置：<span>首页</span>
			</div>
			<div class="title_information">
				<span>官方微博</span>
				<label>|</label>
				<span>官方微信/QQ</span>
				<label>|</label>
				<span>公司地址</span>
				<span>企业招聘</span>
			</div>
		</div>
		<div class="logobox">
		<div class="logo">
			<ul class="logo_pic">
				<li><img src="img/logo.png" /></li>
				<li>
					<div class="logo_txt">合肥华威自动化有限公司</div>
					<div class="logo_introduce">一家专注于自动化生产电力无功补偿，虑波，电网降损等元器件厂家</div>
				</li>
			</ul>
			<ul class="logo_icon">
				<li>
					<img src="img/icon_1.png" />
					<div class="logo_icon_txt">专业技术</div>
				</li>
				<li>
					<img src="img/icon_2.png" />
					<div class="logo_icon_txt">技术讲座</div>
				</li>
				<li>
					<img src="img/icon_3.png" />
					<div class="logo_icon_txt">研发团队</div>
				</li>
				<li>
					<img src="img/icon_4.png" />
					<div class="logo_icon_txt">售后保障</div>
				</li>
				<li>
					<img src="img/icon_5.png" />
					<div class="logo_icon_txt">企业荣誉</div>
				</li>
			</ul>
		</div>
		</div>
		<div class="banner" id="banner">
			<div class="banner_img" id="bannerimg">
				<img src="img/banner_1.jpg" />
			</div>
			<div class="banner_spanbutton">
				<span></span>
				<span></span>
				<span></span>
			</div>
		</div>
		<ul class="navintroduce">
			<li>产业化设备及产品</li>
			<li>Industrial<span>equipment</span></li>
		</ul>
		<div class="equipment">
			<div class="equipment_cnt">
				<div class="equipment_cnt_imgbox"><img src="" class="equipment_cnt_img"/><div class="equipment_hoverbox"></div></div>
				<div class="equipment_cnt_txt"></div>
			</div>
			<div class="equipment_cnt">
				<div class="equipment_cnt_imgbox"><img src="" class="equipment_cnt_img"/><div class="equipment_hoverbox"></div></div>
				<div class="equipment_cnt_txt"></div>
			</div>
			<div class="equipment_cnt">
				<div class="equipment_cnt_imgbox"><img src="" class="equipment_cnt_img"/><div class="equipment_hoverbox"></div></div>
				<div class="equipment_cnt_txt"></div>
			</div>
			<div class="equipment_cnt">
				<div class="equipment_cnt_imgbox"><img src="" class="equipment_cnt_img"/><div class="equipment_hoverbox"></div></div>
				<div class="equipment_cnt_txt"></div>
			</div>
		</div>
		<ul class="navintroduce">
			<li>自动化产业优势</li>
			<li>Industrial<span>strength</span></li>
		</ul>
		<div class="strength">
			<div class="strength_cnt strength_rol1 strength_cow1">
				<div class="strength_cnt_title"><img src="img/icon_strength_shebei.png" /><div class="strength_icon_txt">自动化设备</div></div>
				<div class="strength_cnt_introduce">非标自动化，工业机器人</div>
			</div>
			<div class="strength_cnt strength_rol1">
				<div class="strength_cnt_title"><img src="img/icon_strength_dingzhi.png" /><div class="strength_icon_txt">自动化定制</div></div>
				<div class="strength_cnt_introduce">自动化设计，机械设计</div>
			</div>
			<div class="strength_cnt strength_cow1">
				<div class="strength_cnt_title"><img src="img/icon_strength_sheji.png" /><div class="strength_icon_txt">自动化设计</div></div>
				<div class="strength_cnt_introduce">控制系统设计，自动化控制</div>
			</div>
			<div class="strength_cnt">
				<div class="strength_cnt_title"><img src="img/icon_strength_gaizao.png" /><div class="strength_icon_txt">自动化改造</div></div>
				<div class="strength_cnt_introduce">设备改造，自动化设备</div>
			</div>
		</div>
		<ul class="navintroduce">
			<li>今日已有<label></label>人发布了自动化需求</li>
			<li>Cooperative<span>demand</span></li>
		</ul>
		<div class="demand">
		<div class="demand_cnt">
			<div class="demand_infromation"><div class="demand_left">工业机器人控制系统开发</div><div class="demand_person"><span class="demand_person_num"></span>人竞标</div></div>
			<div class="demand_infromation"><div class="demand_left">电网设备系统改善</div><div class="demand_person"><span class="demand_person_num"></span>人竞标</div></div>
			<div class="demand_infromation"><div class="demand_left">滤波技术的不断加强</div><div class="demand_person"><span class="demand_person_num"></span>人竞标</div></div>
			<div class="demand_infromation"><div class="demand_left">水泵自动化配线</div><div class="demand_person"><span class="demand_person_num"></span>人竞标</div></div>
		</div>
		<div class="demand_us">
			<div class="demend_us_title">联系我们</div>
			<div class="demend_us_cnt">
				<ul class="demend_us_txt">
					<li>合肥华威自动化有限公司</li>
					<li>合肥市双凤工业园内苏虹中路306号</li>
					<li>华奕天合v工业坊1号和2号厂房</li>
					<li>Tel:+86-512-6767-1108</li>
					<li>Fax:+86-512-6760-1194</li>
				</ul>
				<div class="demend_us_img"><img src="img/demend_us_img.png" /></div>
			</div>
		</div>
		</div>
		<ul class="navintroduce">
			<li>联系我们</li>
			<li>contact<span>Us</span></li>
		</ul>
		<div class="contactus">
			<div class="contactus_from">
				<div class="contactus_from_phone"><input  placeholder="您的电话"/></div>
				<div class="contactus_from_phone"><input  placeholder="您的邮箱"/></div>
				<div class="contactus_from_phone"><input  placeholder="公司名称"/></div>
				<textarea rows="8" placeholder="请留言......"></textarea>
				<div class="contactus_button">提交</div>
			</div>
			<div class="map"><img src="img/map.png" /></div>
		</div>
		<div class="foot">
			<div class="footintroduce">
				<ul class="footintroduce_rol">
					<li>产品与服务</li>
					<li>产自动化系统</li>
					<li>产品设计</li>
					<li>智能变压箱</li>
					<li>市场解决方案</li>
				</ul>
				<ul class="footintroduce_rol">
					<li>公司信息</li>
					<li>新闻</li>
					<li>创新</li>
					<li>展会活动</li>
					<li>招贤纳士</li>
				</ul>
				<ul class="footintroduce_rol">
					<li>联系我们</li>
					<li>关注华威</li>
					<li>电话</li>
					<li>微博/微信</li>
				</ul>
				<div class="footintroduce_rol">
					<img src="img/erweima.png" />
					<div class="footintroduce_rol_txt">合肥华威自动化有限公司</div>
				</div>
			</div>
			<div class="foot_foot">
				<span>合肥华威自动化有限公司</span>
				<span>免责声明</span>
				<span>版权所有</span>
				<span>技术支持</span>
				<span>网新科技</span>
				<span>企业邮政局登录</span>
				<span>皖IPC备06000194号</span>
			</div>
		</div>
	</body>
	<script>
		$(function() {
			var i = 2;
			bannerSetInterval = setInterval(bannerStart, 2000)
			var banner = document.getElementById("banner");
			banner.onmouseover = function() {
				clearInterval(bannerSetInterval);
			}
			banner.onmouseout = function() {
				bannerSetInterval = setInterval(bannerStart, 2000);
			};

			function bannerStart() {
				$("#bannerimg img").attr("src", "img/banner_" + i + ".jpg");
				$(".banner_spanbutton span").css("background", "white")
				$(".banner_spanbutton span:nth-of-type(" + i + ")").css("background", "#ccc")
				i++;
				if(i > 3) {
					i = 1;
				};
			};
			$(window).scroll(function() {
				if($(this).scrollTop() >= 30) {
					$(".logo").addClass("windowscroll");
				};
				if($(this).scrollTop() < 30) {
					$(".logo").removeClass("windowscroll");	
				}
			});
			$(".navintroduce li label").html(Math.floor(Math.random()*100))
			var spanNunb = document.getElementsByClassName("demand_person_num")
				for(var a = 0;a<spanNunb.length;a++){
					var Nunb = Math.floor(Math.random()*10);
					Nunb += 26;
					spanNunb[a].index = a;
					spanNunb[a].innerHTML = Nunb;
					
				}
				setInterval(function(){
					for(var a = 0;a<spanNunb.length;a++){
					var Nunb = Math.floor(Math.random()*10);
					Nunb += 26;
					spanNunb[a].index = a;
					spanNunb[a].innerHTML =parseInt(spanNunb[a].innerHTML)+Nunb;
				}
				},4000)
				
		})
		$.getJSON("index.json",function(data){
				$.each(data.equipmengt, function(i,item) {
				var equipmengtImg = document.getElementsByClassName("equipment_cnt_img");
				equipmengtImg[i].setAttribute("src",item.picurl);
				var equipmengtTxt = document.getElementsByClassName("equipment_cnt_txt");
				equipmengtTxt[i].innerHTML = item.cnt
				});
		})
			
		
		$(window).resize(function(){
			if($(document.body).width()<1366){
				$("body").addClass("clearwidth")
			}else{
				$("body").removeClass("clearwidth")
			}
			})
	</script>

</html>